<html>
	<head>
		<title> Event's Agenda  </title>
	<SCRIPT>
		function hideCreateButton()
		{
			document.getElementById('agendaform').style.visibility = 'hidden'
			alert("Your agenda has been created successfully !!! You can now add activities.");		
		}

    </SCRIPT>
	</head>

	
	
	<body>

		<h1 align="center"> 
 			<font face="Comic Sans MS" >
			Event's Agenda		
		</h1>	
<br />	
{% if not creation %}	
<div id = "agendaform">
	<form name="input" action="/createAnAgenda/" method="POST">
	 <label> Agenda's Title : </label> <input type="text" size="20" name="title" />
	<INPUT type="submit" id = "agenda" value="Add Agenda"/>
	
	</form>
	</div>
	
	{% endif %}
<br />	
{% if creation %}	

    <TABLE id="dataTable" width="500px" border="1" align="center">
        <tr>
            <th> Edit  </th>
			<th> Time</th>
			<th> Description</th>
		</tr>
		{% for A in Activities %}
		<tr>
		<TD><INPUT type="checkbox" name="checkbox">
		<TD> <OUTPUT type = "time" name = "time" /> {{ A.startTime }} - {{  A.endTime }} </TD>
		<TD>  <OUTPUT type = "text" /> {{ A.description }} </TD>
		{% endfor %}
		</tr>
    </TABLE>

 <br />
 
 
    		<h3>  <font face="Comic Sans MS" > Add an activity :</h3> 
    		
		<form name="input" action="/createActivity/" method="POST">
		Description : <input  id = "textID" type="text" size="20" name="textID" /></br>
		Start Time  : <input id="startID" size="20" align="left" type="time" name = "startID" value="00:00" class="demo" /></br>
		End Time    : <input id="endID" size="20" align="right" type="time"  name = "endID" value="00:00" class="demo" />
		<INPUT type="submit" value="Add Activity" />
		
		</form>
 {% endif %}

		
	</body>
	<form action="/media/" method="POST">
{% csrf_token %}
<input type="submit" name="name" value="next" />

</html>


